<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>定制还款计划</title>
    <link href="../static/css/index_customPlan.css" rel="stylesheet" >
</head>
<body>
    <div class="content">
        <!--银行卡  -->
        <div class='bankCard'> 
        </div>
        <!--  -->
        <div class='box'>
            <div>
                <div class='li'>
                    <input class="amount" placeholder='请输入还款的账单金额' value=''></input>
                    <img class='tip1' src='../static/img/bankcard_icon_warning_red.png'/>
                </div>
                <div class='li'>
                    <input class="ratio"   value='5%'></input>
                    <img class='tip2' src='../static/img/bankcard_icon_warning_red.png'/>
                </div>
                <div class='li'>
                    <input class="reserveAmount" disabled='true' placeholder='请确保卡片预留额度' value=''></input>
                    <img class='tip3' src='../static/img/bankcard_icon_warning_red.png'/>
                </div>
            </div> 
        </div>
        <div class='preview'>
            <div>
                <text>根据你账单和预留额度加上选择日期生成完美账单还款计划、请确保你的信用卡在还款过程中预留可用额度</text>
                <div class='btn'>计划预览</div>
            </div>
        </div>
    </div>

    <!--预留比率模板  -->
    <div class='template'>
        <div class='main'>
            <text>请选择卡片应预留额度比率</text>
            <div class='list' scroll-y="true">
                <div  data-value="5%" class='li'>5%</div>
                <div  data-value="10%" class='li'>10%</div>
                <div  data-value="20%" class='li'>20%</div>
                <div  data-value="30%" class='li'>30%</div>
                <div  data-value="40%" class='li'>40%</div>
                <div  data-value="50%" class='li'>50%</div>
            </div>  
            <div  class='cancel'>取消</div>
        </div>
    </div>

    <!--日历模板  -->
    <div class='calendarTem'>
        <div class='box'>
            <div class='years'>
                <img  class='fl left' src='../static/img/pre_month_arrow.png'/>
                <label></label> 
                <img  class='fr right' src='../static/img/next_month_arrow.png'/>
            </div>
            <div class='week'>
                <div>周日</div>
                <div>周一</div>
                <div>周二</div>
                <div>周三</div>
                <div>周四</div>
                <div>周五</div>
                <div>周六</div>
            </div>
            <div class='list'>
                
            </div>
            <!--建议  -->
            <div class='suggest'>还款日期范围是{{bankList.data.billingDay}}至{{bankList.data.repaymentDate}}</div>
            <div class='cancelOrbtn'>
                <div class='cancel' >取消</div>
                <div class='btn' >确定</div>
            </div>
        </div>
    </div>
    <!-- @@include ../template/mask.html -->
    <script src="../static/js/jquery-2.1.1.min.js"></script>
    <script src="../static/js/fontsize.js"></script>
    <script src="../static/js/base.js"></script>
    <script src="../static/dist/wx_rsa.js"></script>
    <script src="../static/dist/bankCard.js"></script>
    <script src="../static/js/index_customPlan.js"></script>
</body>
</html>